   <meta charset="utf-8">  
    <link href="/assets/libs/jqvmap/jqvmap.min.css" rel="stylesheet" />
    <link href="/assets/css/app.min.css" rel="stylesheet" type="text/css" />
    <div class="row">
                            <div class="col-sm-6 col-xl-3">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="media">
                                            <div class="media-body">
                                                <h5 class="font-size-14">设备总数</h5>
                                            </div>
                                            <div class="avatar-xs">
                                                <span class="avatar-title rounded-circle bg-primary">
                                                    <i class="dripicons-box"></i>
                                                </span>
                                            </div>
                                        </div>
                                        <h4 class="m-0 align-self-center">1,753</h4>
                                        <p class="mb-0 mt-3 text-muted"><span class="text-success">1.23 % <i class="mdi mdi-trending-up mr-1"></i></span> 同比部署增长</p>
                                    </div>
                                </div>
                            </div>
    
                            <div class="col-sm-6 col-xl-3">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="media">
                                            <div class="media-body">
                                                <h5 class="font-size-14">设备实际启用次数</h5>
                                            </div>
                                            <div class="avatar-xs">
                                                <span class="avatar-title rounded-circle bg-primary">
                                                    <i class="dripicons-briefcase"></i>
                                                </span>
                                            </div>
                                        </div>
                                        <h4 class="m-0 align-self-center">45,253</h4>
                                        <p class="mb-0 mt-3 text-muted"><span class="text-success">2.73 % <i class="mdi mdi-trending-up mr-1"></i></span> 同比增长</p>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-6 col-xl-3">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="media">
                                            <div class="media-body">
                                                <h5 class="font-size-14">异常识别次数</h5>
                                            </div>
                                            <div class="avatar-xs">
                                                <span class="avatar-title rounded-circle bg-primary">
                                                    <i class="dripicons-tags"></i>
                                                </span>
                                            </div>
                                        </div>
                                        <h4 class="m-0 align-self-center">12.74</h4>
                                        <p class="mb-0 mt-3 text-muted"><span class="text-danger">4.35 % <i class="mdi mdi-trending-down mr-1"></i></span> 同比下降</p>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-6 col-xl-3">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="media">
                                            <div class="media-body">
                                                <h5 class="font-size-14">预警次数</h5>
                                            </div>
                                            <div class="avatar-xs">
                                                <span class="avatar-title rounded-circle bg-primary">
                                                    <i class="dripicons-cart"></i>
                                                </span>
                                            </div>
                                        </div>
                                        <h4 class="m-0 align-self-center">20,781</h4>
                                        <p class="mb-0 mt-3 text-muted"><span class="text-success">7.21 % <i class="mdi mdi-trending-up mr-1"></i></span> 同比增长</p>
                                    </div>
                                </div>
                            </div>
    
                        </div>
                        
                        
                        
                        
                                <div class="row">
                            <div class="col-xl-8">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="header-title mb-4">预警识别率</h4>
                                        <div class="row justify-content-center">
                                            <div class="col-sm-4">
                                                <div class="text-center">
                                                    <p>2020年11月</p>
                                                    <h4>预警总次数：6,543</h4>
                                                </div>
                                            </div>
                                            <!-- <div class="col-sm-4">
                                                <div class="text-center">
                                                    <p>This Week</p>
                                                    <h4>$ 7,842</h4>
                                                </div>
                                            </div> -->
                                        </div>
                                        <div id="revenue-chart" class="apex-charts" dir="ltr"></div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-4">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="header-title mb-4">白天、夜晚预警次数分布</h4>

                                        <div dir="ltr">
                                            
                                            <div class="slick-slider slider-for hori-timeline-desc pt-0">
                                                <div>
                                                    <p class="font-size-16">白天</p>
                                                    <h4 class="mb-4">1,452</h4>
                                                    <div id="earning-day-chart" class="apex-charts"></div>
                                                </div>
                                                <div>
                                                    <p class="font-size-16">夜间</p>
                                                    <h4 class="mb-4">536</h4>
                                                    <div id="earning-weekly-chart" class="apex-charts"></div>
                                                </div>
                                               
                                            </div>

                                            <div class="row justify-content-center mb-3">
                                                <div class="col-lg-11">
                                                    <div class="slick-slider slider-nav hori-timeline-nav">
                                                        <div class="slider-nav-item">
                                                            <h5 class="nav-title font-size-14 mb-0">白天</h5>
                                                        </div>
                                                        <div class="slider-nav-item">
                                                            <h5 class="nav-title font-size-14 mb-0">夜间</h5>
                                                        </div>
                                                       
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    <div class="row">
                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="header-title mb-4">运行设备</h4>

                                        <div class="table-responsive">
                                            <table class="table table-centered table-nowrap mb-0">
                                                <thead>
                                                    <tr>
                                                        <th scope="col"  style="width: 50px;">
                                                            <div class="custom-control custom-checkbox">
                                                                <input type="checkbox" class="custom-control-input" id="customCheckall">
                                                                <label class="custom-control-label" for="customCheckall"></label>
                                                            </div>
                                                        </th>
                                                        <th scope="col"  style="width: 60px;"></th>
                                                        <th scope="col">ID & 备注</th>
                                                        <th scope="col">上线时间</th>
                                                        <th scope="col">报警次数</th>
                                                        <th scope="col">故障次数</th>
                                                        <th scope="col">部署位置</th>
                                                        <th scope="col">在线状态</th>
                                                        <th scope="col">操作</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox">
                                                                <input type="checkbox" class="custom-control-input" id="customCheck1">
                                                                <label class="custom-control-label" for="customCheck1"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <img src="assets/images/users/avatar-2.jpg" alt="user" class="avatar-xs rounded-circle" />
                                                        </td>
                                                        <td>
                                                            <p class="mb-1 font-size-12">#YJ_001</p>
                                                            <h5 class="font-size-15 mb-0">区域入侵检测001</h5>
                                                        </td>
                                                        <td>2020-10-09</td>
                                                        <td>1,834</td>
                                                        <td>0</td>
                                                         <td>厂区-货物仓库</td>
                                                        <td><i class="mdi mdi-checkbox-blank-circle text-success mr-1"></i> 正常</td>
                                                        <td>
                                                            <button type="button" class="btn btn-outline-success btn-sm">监控查看</button>
                                                            <button type="button" class="btn btn-outline-danger btn-sm">重启</button>
                                                        </td>
                                                    </tr>
                                                   
                                                   
                                                   <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox">
                                                                <input type="checkbox" class="custom-control-input" id="customCheck1">
                                                                <label class="custom-control-label" for="customCheck1"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <img src="assets/images/users/avatar-2.jpg" alt="user" class="avatar-xs rounded-circle" />
                                                        </td>
                                                        <td>
                                                            <p class="mb-1 font-size-12">#YJ_025</p>
                                                            <h5 class="font-size-15 mb-0">区域烟火检测025</h5>
                                                        </td>
                                                        <td>2020-10-21</td>
                                                        <td>6</td>
                                                        <td>0</td>
                                                         <td>厂区-货物仓库</td>
                                                        <td><i class="mdi mdi-checkbox-blank-circle text-success mr-1"></i> 正常</td>
                                                        <td>
                                                            <button type="button" class="btn btn-outline-success btn-sm">监控查看</button>
                                                            <button type="button" class="btn btn-outline-danger btn-sm">重启</button>
                                                        </td>
                                                    </tr>
                                                    
                                                    
                                                       <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox">
                                                                <input type="checkbox" class="custom-control-input" id="customCheck1">
                                                                <label class="custom-control-label" for="customCheck1"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <img src="assets/images/users/avatar-2.jpg" alt="user" class="avatar-xs rounded-circle" />
                                                        </td>
                                                        <td>
                                                            <p class="mb-1 font-size-12">#YJ_219</p>
                                                            <h5 class="font-size-15 mb-0">区域烟火检测二219</h5>
                                                        </td>
                                                        <td>2020-10-08</td>
                                                        <td>11</td>
                                                        <td>0</td>
                                                         <td>厂区-货物仓库</td>
                                                        <td><i class="mdi mdi-checkbox-blank-circle text-success mr-1"></i> 正常</td>
                                                        <td>
                                                            <button type="button" class="btn btn-outline-success btn-sm">监控查看</button>
                                                            <button type="button" class="btn btn-outline-danger btn-sm">重启</button>
                                                        </td>
                                                    </tr>
                                                    
                                                       <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox">
                                                                <input type="checkbox" class="custom-control-input" id="customCheck1">
                                                                <label class="custom-control-label" for="customCheck1"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <img src="assets/images/users/avatar-2.jpg" alt="user" class="avatar-xs rounded-circle" />
                                                        </td>
                                                        <td>
                                                            <p class="mb-1 font-size-12">#YJ_326</p>
                                                            <h5 class="font-size-15 mb-0">货物检测326</h5>
                                                        </td>
                                                        <td>2020-11-03</td>
                                                        <td>1</td>
                                                        <td>1</td>
                                                         <td>厂区-货物仓库2号库</td>
                                                        <td><i class="mdi mdi-checkbox-blank-circle text-danger mr-1"></i>离线</td>
                                                        <td>
                                                            <button type="button" class="btn btn-outline-success btn-sm">监控查看</button>
                                                            <button type="button" class="btn btn-outline-danger btn-sm">重启</button>
                                                        </td>
                                                    </tr>
                                                    
                                                    
                                                     <tr>
                                                        <td>
                                                            <div class="custom-control custom-checkbox">
                                                                <input type="checkbox" class="custom-control-input" id="customCheck1">
                                                                <label class="custom-control-label" for="customCheck1"></label>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <img src="assets/images/users/avatar-2.jpg" alt="user" class="avatar-xs rounded-circle" />
                                                        </td>
                                                        <td>
                                                            <p class="mb-1 font-size-12">#YJ_335</p>
                                                            <h5 class="font-size-15 mb-0">外围活动人员检测335</h5>
                                                        </td>
                                                        <td>2020-09-03</td>
                                                        <td>1</td>
                                                        <td>1</td>
                                                         <td>围墙-东部区域-5</td>
                                                        <td><i class="mdi mdi-checkbox-blank-circle text-success mr-1"></i>在线</td>
                                                        <td>
                                                            <button type="button" class="btn btn-outline-success btn-sm">监控查看</button>
                                                            <button type="button" class="btn btn-outline-danger btn-sm">重启</button>
                                                        </td>
                                                    </tr>
                                                   
                                                    
                                                    
                                                   
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end row -->
                        
 <script src="/assets/libs/jqvmap/jquery.vmap.min.js"></script>
<script src="/assets/libs/jqvmap/maps/jquery.vmap.usa.js"></script>
<script src="/assets/libs/apexcharts/apexcharts.min.js"></script>
<script src="/assets/libs/slick-slider/slick/slick.min.js"></script>

<script src="/assets/js/pages/dashboard.init.js"></script>
<script src="/assets/js/app.js"></script>